main {
  width: 1020px;
  margin: 0 auto;
  border: solid 1px #ddd;
    overflow: hidden;

  article.hot {
    border: solid 2px red;
    overflow: hidden;

    section {
      width: 500px;
      height: 300px;
            background: #f3f3f3;

      &:nth-last-of-type(1) {
        float: left;
      }
      &:nth-last-of-type(2) {
        float: right;
      }
    }
  }
  article.goods {
    margin-top: 20px;
    border: solid 0px #f3f3f3;
    section.ad {
      height: 300px;
      width: 200px;
      background: red;
      float: left;
    }
    section.lists {
      height: 300px;
      width: 820px;
      background: greenyellow;
      float: left;
      ul {
        list-style: none;
         padding: 0px;
         margin: 0px;
        li {
          float: left;
          padding: 20px;
          width: 300px;
          width: 200px;
          height:300px;
          background: #f3f3f3;
          border-right: solid 1px yellowgreen;
        }
      }
    }
  }

}
